<template>
    <aside class="el-aside" :style="{ width }">
      <slot></slot>
    </aside>
  </template>
  
  <script lang="ts">
  export default {
    name: 'ElAside'
  }
  </script>
  <script setup lang="ts">
  interface Props {
    width: string
  }
  
  withDefaults(defineProps<Props>(), {
    width: '300px'
  })
  
  </script>
  
  <style lang="scss" scoped>
  @import "../../style/mixin.scss";
  @include b(aside) {
    overflow: auto;
    box-sizing: border-box;
    flex-shrink: 0;
  }
  </style>